* { margin:0px; padding:0px; }
IMG { border:none; }

HTML, BODY, #main{ min-height:100%; width:100%; height:100%; }
html>body, html>body #main { height: auto; } /* Without this, Moz1.0 adds a vertical scrollbar */

BODY { font-size:100.01%; font-family: Arial; color:black; background-color:white; }

#main { position:absolute; top:0px; left:0px; font-size:0.9em; }

#headercontent { width:auto;/*width: 900px;*/ height: 123px; margin: 0px auto; }
.all #headercontent {width:auto;}
#header { background: #1e4576 url('../img/header_bg.png') repeat-x scroll center /*left top */; }
#header #back {text-decoration: none; float:left;}

#header #logo { margin:12px 12px 0px 20px;float: left; }
#header #reactos { margin-top:12px; float: left; }
#header #headerContext { float: right; text-align:right; margin-right:8px;}

#header #advertise { margin-top: 7em;}
#header #advertise A { color: white; padding: 5px; font-size: 12px; }
#header #advertise A:hover { text-decoration: none; }

#header #lang { position: absolute; padding-left: 7.6em ;z-index: 11; }
#header #lang UL { position: absolute; top: 1.6em; left: 2.3em; display: none; z-index: 10; max-height: 300px; overflow-y: scroll; }
#header #lang:hover UL { display: block; }
#header #lang UL LI { float: none; display: block; margin-bottom: 0.2em; width: 140px; }
#header #lang SPAN { background: transparent url('../img/arrow-down.png') no-repeat scroll right 4px; }
#header #lang A,#header #lang SPAN { cursor:pointer; border: 1px solid transparent; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; display: block; /*width: 6.4em;*/ padding: 0.2em 1em; text-decoration: none; color: white; }
#header #lang UL { background: #1e4576 url('../img/menu_dropdown_bg.png') repeat-x center /*left top */; color: white; }
#header #lang A:hover { border: 1px solid #dce6f2; color: white; background: #376092 url('../img/menu_item_hover_bg.png') repeat-x left top; }

#NavigationContent { width:auto;/*width: 900px;*/ margin-left: 10px /*auto*/; }
.all #NavigationContent {width:auto;}
#Navigation { background: #1e4576 url('../img/top_menu_bg.png') repeat-x scroll left top; font-size: 14px;margin-bottom:2px; }
#Navigation DIV { background: transparent url('../img/menu_bg.png') repeat-x scroll 117px top; height: 26px; }
#Navigation UL LI { list-style: none; float: left; position: relative; margin: 0px 0.4em 0.4em 0.4em; }
#Navigation UL LI UL { position: absolute; top: 1.8em; left: -0.2; display: none; }
#Navigation UL LI:hover UL { display: block; }
#Navigation UL LI UL LI { float: none; display: block; margin-bottom: 0.2em; width: 150px; }
#Navigation UL A { z-index: 2; border: 2px solid transparent; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; display: block; /*width: 6.4em;*/ margin: 0.1em; padding: 0.1em 1em 0.15em 1em; text-decoration: none; color: white; }
#Navigation UL LI UL { background: #1e4576 url('../img/menu_dropdown_bg.png') repeat-x left top; color: white; }
#Navigation UL A:hover { border: 2px solid #dce6f2; color: white; background: #376092 url('../img/menu_item_hover_bg.png') repeat-x left top; }
#Navigation #search { float: right; z-index:1;margin-right:11px; }
#Navigation #search FIELDSET {border: none; }
#Navigation #search INPUT {  background: white url('../img/search_icon.png') no-repeat scroll 120px center; padding-right: 20px; border: 1px solid #1f497d; width: 120px; height: 18px;margin-top:3px; }
#Navigation #contactus { font-weight: bold; }

#leftNavigation {float:left;height:100%;width:130px;font-size:13px;margin-left:20px;}
#leftNavigation H2 {color: #595959;font-size:15px;}
#leftNavigation OL {margin-bottom:10px;}
#leftNavigation LI {list-style-type:none;margin-bottom:4px;}
#leftNavigation LI A {color:#376092; padding-left: 30px; background: transparent url('../img/arrow.png') no-repeat scroll left center;}
#leftNavigation LI A:hover {text-decoration:none;}

#footer { background: #1e4576 url('../img/footer_bg_overlay.png') no-repeat left top; position:absolute; bottom:0px; width:100%; z-index: -1;}
#footer .inner { background: transparent url('../img/footer_bg.png') repeat-x center; height: 147px; text-align: center; color: white;  }
#footer .inner DIV { position: relative; top: 120px; font-size: 12px; font-style: italic; }

.content {height: auto;margin-bottom:120px;}
.content.withLeftNavi {width:700px;float:left;}
.all .content {width:100%;}


.section { margin-top: 5px ; width:auto;/*max-width:900px;*/}

.section#headline { margin-top:20px; margin-bottom:10px; }
.content #headline H1 { margin-left: 20px; font-size: 20px; color:#4e81c9; text-align: left; padding:0px 0px; background: transparent url('../img/headline-img.png') no-repeat scroll 250px center; }
.content #headline H1 SPAN { color: gray; }

#screenshots { margin:0px auto; text-align:center;}
#screenshots .arrow { margin-top: 50px; }
#screenshots .arrow A { display:block; width: 24px; height: 24px;}
#screenshots .left { float:left; }
#screenshots .left A { background: transparent url('../img/screenshot_arrow_left.png') no-repeat scroll left top; }
#screenshots .right { float:right; }
#screenshots .right A { background: transparent url('../img/screenshot_arrow_right.png') no-repeat scroll right top; }
#screenshots IMG { margin:0px 20px; height:120px; width:160px; }

.content .box { margin: 0px 10px; border-bottom: 2px solid #eeeeee; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;}
.content .box P {}
.content .box UL {margin-left: 20px;}
.content .shadow { border: 1px solid #cccccc; border-top: none; border-bottom: width: 3px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.content .middle {z-index: 5; border: 1px solid #385d8a; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;  }
.content .inner { clear: both; background-color: #dce6f2; border: 1px solid white;  padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.content #subBox {width: 200px; float:left;}
.content #subBox * { border-top: none; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px;  -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; }
.content #subBox .inner { padding: 1px 0px 15px 15px;}
.content #subBox .button { margin: 0px 0px; font-size: 14px; font-weight: bold; display: block; width: 105px; padding: 15px 0px 0px 60px; height: 35px; color: white; text-decoration: none;}
#download A { background-image: url('../img/download.png'); }
#donate A { background-image: url('../img/donate.png'); }
#compatDBlink A { background-image: url('../img/compat.png'); }
#rosTour A { background-image: url('../img/tour.png'); }
#rosFAQ A { background-image: url('../img/faq.png'); }


.content #topBox,.content #topBox * { border-bottom: none; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; }
.tabBox .shadow, .tabBox .middle, .tabBox .inner {-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.content #rightBox {width: 72%; float:left; margin-top: 15px;margin-left:0px;margin-bottom:0px;}
.content .tabBox { margin: 0px auto 15px; width:100%; /*max-width:850px;*/}
.content .tabBox #testerBox {width:30%; /*width:320px*/;float:left;padding: 0px 0px;}
.content .tabBox #devBox {width:45%; /*width:360px*/;float:right;border-left: 1px solid black;padding: 0px 40px 0px 20px;}
.content .newsItem {float:left;width:30%;margin-right:2%;}
.content .newsItem li {padding-top:5px;}
.content .newsItem p {line-height: 17px;padding-top:5px;padding-bottom:17px;}

.content .box .more_info { margin-right: 30px; padding-left: 30px; background: transparent url('../img/arrow.png') no-repeat scroll left center; }
.content .box .more_screenshots {text-align: left; padding: 5px 0px 0px 20px; }
.content .box .more_screenshots A { color: #dce6f2; margin-right: 30px; padding-left: 40px; background: transparent url('../img/screenshot_more.png') no-repeat scroll left center; }
.content .box A { color: #376092;}
.content .box A:hover { text-decoration: none; }

#tabBar { margin-left: 10px;margin-bottom:0px; }
#tabBar .inner { padding: 3px 10px; background-color: #95b3d7; padding-bottom:0px; border-bottom: none;}
#tabBar .inner:hover {background-color: #dce6f2;}
#tabBar .middle,.content #tabBar .shadow {z-index:3; padding-top:4px;padding-bottom:0px; }
#tabBar .shadow,.content #tabBar .middle, .content #tabBar .inner { -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; }
#tabBar .active {background-color: #dce6f2; border-bottom: none; padding-bottom:3px; }
#tabBar .active:hover {padding: 3px 10px; }

#tabBar A { color: black; text-decoration: none; }
#tabBar A:hover { text-decoration: underline; }

/* unused code */
/*.content #compatDBlink A { color: orange; font-weight:bold; }*/

.content #topBox #learnMore { float: right; font-size: 1.5em;margin: 5px 0px 0px 5px; }

#subLinks {list-style-type: none;margin:10px auto 0px;}
#subLinks LI {margin-bottom: 5px; }

.quicklinks { list-style-type: none;margin-top: 5px;margin-left: 0px; }
.quicklinks LI {margin-bottom: 5px;}

#footer .inner {z-index:666;}
#footer .inner A {color:#fff;}
/* some hacking to force a break after floating*/

.clearfix:after { content:" "; clear:both; display:block; height:0; visibility:hidden;line-height: 0; }
